<template>
    <div class="school">
        <h2>学校姓名：{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
    </div>
</template>

<script>
    import pubsub from 'pubsub-js'

    export default {
        name: "School",
        data() {
            return {
                name:'尚硅谷dadasd',
                address:'北京'
            }
        },
        mounted() {
            // msgName 表示消息的名称，msgParams 表示的是消息的参数
            this.pubId = pubsub.subscribe('hello', function (msgName, msgParams) {
                // 其中的 this 是 null，可以改成使用箭头函数，那么 this 就会指向当前的组件实例
                console.log(this);
                console.log('有人发布了hello消息，hello消息的回调执行了', msgName, msgParams);
            });
        },
        beforeDestroy() {
            pubsub.unsubscribe(this.pubId);
        }
    }
</script>

<style scoped>
    .school {
        background-color: skyblue;
    }
</style>